{% extends 'base.html' %}

{% block stylesheets %}
{% endblock %}

{% block title_suffix %}
    | Users and Groups
{% endblock %}

{% block all_content %}
	<div class="page-header">
		<h1>Users and Groups <small>Add, Edit or Remove</small>
			{% block header_buttons %}{% endblock %}
		</h1>
	</div>

	<ul class="nav nav-tabs">
	    <li class="{% block active_users %}{% endblock %}">
	    	<a href="{% url 'auth.views.list_users' %}">Users</a>
	    </li>
	    <li class="{% block active_groups %}{% endblock %}">
	    	<a href="{% url 'auth.views.list_groups' %}">Groups</a>
	    </li>
    </ul>

	<div class="well well-small">
		<legend>{% block legend %}Filter the List of ??? {% endblock %}</legend>
		<form id="filter-form" class="form-horizontal" method="GET" action="{% block form_action %}#{% endblock %}">
			<div class="control-group">
				<label class="control-label" for="search">
					{% block filter_help %}{% endblock %}
				</label>
				<div class="controls">
					<input id="filter" name="search" class="span6" autocomplete="off" type="text" placeholder="Search for {% block search_for %}{% endblock %}" value="{% if filter_string %}{{ filter_string }}{% endif %}" autofocus />
				</div>
			</div>

			{% block specialised_controls %}
			{% endblock %}
		</form>
		<div class="form-actions">
			{% block filter_buttons %}
			{% endblock %}
		</div>
	</div>

	<table id="user-table" class="table table-condensed table-bordered table-striped">
	    <thead>
		    <tr>
		    	{% block table_headings %}
		    	{% endblock %}
		    </tr>
	    </thead>
	    <tbody>
	    {% block table_body %}
	    {% endblock %}
	    </tbody>
    </table>

	{% block pagination %}
	<div class="pagination pull-right">
		<ul>
			<li class="disabled"><a href=".">Prev</a></li>
		    <li class="active"><a href=".">1</a></li>
		    <li class="disabled"><a href=".">Next</a></li>
		</ul>
    </div>
    {% endblock %}
{% endblock %}

{% block scripts %}
	<!--<script type="text/javascript" src="/static/script/setup_ajax.js"></script>
	<script type="text/javascript" src="/static/script/auth.userlist.js"></script>-->
{% endblock %}